<template>
  <div class="home">
    <van-nav-bar
        title="确认订单"
        left-text=""
        left-arrow
        @click-left="onClickLeft"
    />
    <van-cell-group title="订单信息">
      <van-cell title="社保公积金" value="¥1000" />
      <van-cell title="服务费" value="¥80" />
    </van-cell-group>
    <van-cell-group title=" ">
      <van-cell title="终生会员费" value="¥200" />
      <van-cell title="余额抵扣" value="¥0" />
      <van-cell title="优惠券代扣" value="¥0" is-link />
    </van-cell-group>


    <van-button type="info" size="large">确认支付</van-button>
  </div>
</template>

<script>
import { Cell, CellGroup, NavBar, Button } from "vant";
export default {
  name: "pay",
  data() {
    return {
      username: '',
      password: ''
    }
  },
  components: {
    "van-cell-group": CellGroup,
    "van-cell": Cell,
    "van-nav-bar": NavBar,
    "van-button": Button
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1)
    },
    onClickRight() {

    }
  }
};
</script>

<style scoped>
  .home{background-color: #FAFAFA;}
  .avatar{width:80px;height: 80px;margin:2em auto;}
  .avatar img{width:100%;height: 100%;border-radius: 50%;}
</style>